<template>
  <div>
      <h2>{{time| geshihua('YYYY年 MM月DD日 HH:mm:ss')}}</h2>
      <h2>{{time| geshihua('YYYY- MM-DD HH:mm:ss')}}</h2>
      <h2>{{time| geshihua('YYYY** MM**DD HH:mm:ss')}}</h2>
      <br>
      <Student/>
  </div>
</template>

<script>
import dayjs from 'dayjs'
import Student from './components/Student'
  export default {
      name:'App',
      components:{Student},
      data (){
          return {
              time:1218196800000
          }
      },
      //filters用于配置过滤器
      filters:{
          //配置一个名称为格式滤器
          //geshihua这个函数何时会被调用？----当geshihua这个过滤器被使用的时候
          geshihua(val,str){
              console.log('@@@@@',this)//注意：此处的this一直都是undefined无法更改
              return dayjs(val).format(str)
          }
      }
  }
</script>

<style scoped>
  
</style>